body {
	
	background-image:url('../res/slika.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:2000px;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: grey;
	font-size:24pt;
	font-family:arial;
}
li {
    float: left;
}
li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
li a:hover:not(.active) {
    background-color: #111;
}
.active {
    background-color: rgb(107, 234, 129);
}
h1{
	font-family:Arial;
	font-size:34pt;
	text-align:center;
	color:#8B0000;
	
}
p{
	color:white;
	font-family:arial;
	font-size:24pt;
	
    text-align:justify;
	position:relative;
	left:150px;
	
	width:1200px;
	height:500px;
	
}
footer{
	text-align:center;
}
img {
	width:350px;
	height:72px;
    border:0;
}


.slideshow-container {
  width: 650px;
  height:100%;
  position: relative;
  margin: auto;
  top:-450px;
}


.text {
  color: white;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}


.numbertext {
  color: white;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}





.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}